<template>
  <div class="formTextArea">
        <el-form-item label-width="100px" :prop="currentData.key" :label="currentData.displayName" :rules="rules">
             <el-input
                    type="textarea"
                    :rows="3"
                    placeholder="请输入内容"
                    v-model="currentData.value">
               </el-input>
         </el-form-item>
  </div>
</template>
<script lang="ts">
 
import { Component, Vue,Prop} from 'vue-property-decorator';
@Component({
  components: {
  },
})
export default class FormInput extends Vue {
     @Prop() public data!: any;
     private rules=[];
     private value:any="";
     async created(){
          this.value=this.currentData.name;
     }
     public get currentData(){
          return this.data;
     }
}
</script>
<style lang="less">
    .formTextArea{
         width: calc(100% - 160px);
         display: flex;
         margin-top: 10px;
         margin-left: 130px;
    }
</style>
